<html>
    <head>
        <title>优势与使用场景</title>
    </head>
    <body>
        <script>
            // 优势与使用场景

                    /*   
                        
                           ★、 Vuex的状态存储是响应式的，可跟踪每一个状态变化，一旦它改变，所有关联组件都会自动更新想对应的数据。

                           ★、 共享数据，解决了  "非父子组件" 的消息传递  (将数据存放在 state 中) 

                           ★、 统一状态管理，减少了请求次数，有些情景可以直接从 "内存中" 的 state 获取数据
                    */

                    /*
                        一、Vuex与全局变量的区别

                                    Vuex                                                  全局变量
 
                                 1、不能直接更改store里面的变量，由统一的方法修改数据         可以任意修改

                                 2、每个组件可以根据自己vuex的变量名引用不受影响              全局变量可能操作命名污染

                                 3、解决了多组件之间通信的问题                               跨页面数据共享

                                 4、适用于多模块、业务关系复杂的中大型项目                    适用于demo或者小型项目
                    */

                    /*
                        二、什么时候需要用 vuex>

                                1、当一个组件需要多次派发事件时。  例如购物车数量加减。

                                2、跨组件共享数据、跨页面共享数据。 例如订单状态更新。

                                3、需要持久化的数据。   例如登录后用户的信息。

                                4、当您需要开发中大型应用，适合复杂的多模块多页面的数据交互，考虑如何更好地在组件外部管理状态时。
                    */
        </script>
    </body>
</html>